<!DOCTYPE html>
<!--***************************新增：滚动广告条***************************-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--***************************新增：滚动广告***************************-->
<head>
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<title>About Fantasy</title>
<meta name="keywords" content="about fantasy, our company, responsive design, free template, bootstrap, templatemo" />
<meta name="description" content="Fantasy Design, about us, multiple columns, responsive layout, free template with Bootstrap framework" />
<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="__PUBLIC__/css/justified-nav.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/templatemo_style.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/css/new.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://www.iruizi.com/kinMaxShow/v1.1/jquery.kinMaxShow-1.1.min.js" type="text/javascript"></script>
<script src="js/new.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="__PUBLIC__/_doc/base.css" rel="stylesheet" />
</head>
<!--***************************head新增：滚动广告***************************-->

<!--***********************head新增：滚动广告***************************-->

<body onResize="refresh()">
<div id="main_container">
  <div class="container" id="about"> 
    <!--***************************body新增：滚动广告***************************-->
    <div id="kinMaxShow">
      <div> <img src="__PUBLIC__/Img/Smile-1280x800.jpg"   />
        <div class="sub-01"> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
      </div>
      <div> <img src="__PUBLIC__/Img/eggs-1280x800.jpg"   />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
      <div> <img src="__PUBLIC__/Img/christmas_1920x1200.jpg"     />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
      <div> <img src="__PUBLIC__/Img/Fall-Leaf-1280x800.jpg"   />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
    </div>
    <!--***************************body新增：滚动广告***************************-->
    
    <div class="cleaner"></div>
    <div class="masthead" id="masthead">
		<ul class="nav nav-justified">
		    <li><a href="{:U('Index/index')}">Home</a></li>
            <li class="active"><a href="{:U('index')}">Activity</a></li>
		    <li><a href="{:U('Game/index')}">Game</a></li>
		    <li><a href="{:U('Charity/index')}">Charity</a></li>
		    <li><a href="{:U('Professor/index')}">Professor</a></li>
            <li><a href="about.html">Q&A</a></li>
		</ul>
	</div> 
	
	<volist name="list" id="vo">
        <div class="row" id="img_preview">
            <div class="col-md-9">
                <h3><a class="title" href="{$vo.href}">{$vo.title}</a></h3>
                <a href="{$vo.href}">
                    <img src="__PUBLIC__{$vo.path}" class="img-myself" width="840" height="302"/>
                </a>
            </div>
            <div class="col-md-3">
                <div class="preview_footer_container">
                    <div class="footer_item section_box col-xs-12 col-sm-4 col-md-12">
                        <h4>{$vo.title}</h4
                        <p>{$vo.summary}</p>
                        <p><b>Time</b>: {$vo.time}</p
                        <p><b>Location</b>: {$vo.location}</p>
                        <!--<p><b>Join Numbers</b>: 0</p>-->
                        <!--<a href="#" rel="nofollow"-->
                        <!--class="btn btn-primary" role="button">Participate</a>-->
                        <!--<a href="#" rel="nofollow"-->
                        <!--class="btn btn-info" role="button">Favorite</a>-->
                    </div>
                </div>
            </div>
        </div>
    </volist>
  </div>

  <footer class="container">
    <div class="credit row">
      <div class="col-md-6 col-md-offset-3">
        <div id="templatemo_footer"> Copyright © 2014 <a href="#">Autism Home</a> | Design: <a href="#">RMG Team</a> </div>
      </div>
      <div class="col-md-3">
        <div style="text-align: right"> <a href="#"><img src="__PUBLIC__/images/facebook.png" alt="Like us on Facebook"></a> <a href="#"><img src="__PUBLIC__/images/twitter.png" alt="Follow us on Twitter"></a> <a href="#"><img src="__PUBLIC__/images/rss.png" alt="RSS feeds"></a> </div>
      </div>
    </div>
  </footer>
</div>
</body>
</html>
